.homePagePanoramicMonitoringPageLayerComponentMessageComponent {
    @shadow_width: 25px;
    position: absolute;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: end;
    z-index: 1;

    .homePagePanoramicMonitoringPageLayerComponentMessageComponent-btn {
        width: 100px;
        right: -@shadow_width;
        padding: 16px @shadow_width 27px;
        background-image: url("../../../../../../../../assets/image/panoramicMonitoringPage-message.png");
        background-size: cover;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        font-weight: 500;
        color: rgba(0, 0, 0, 0.85);
        position: relative;
        height: 80px;
        pointer-events: fill;
    }

    .homePagePanoramicMonitoringPageLayerComponentMessageComponent-detail {
        width: 400px;
        height: 160px;
        padding: 0 10px;
        border-radius: 8px;
        background-color: #FFFFFF;
        box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
        pointer-events: fill;

        .homePagePanoramicMonitoringPageLayerComponentMessageComponent-detail__header {
            width: 100%;
            padding: 8px 0 10px;
            display: flex;
            justify-content: space-between;

            .detail-header__title {
                display: flex;
                align-items: center;
                gap: 8px;
                font-size: 14px;
                font-weight: 400;
                color: #FAAD14;
            }
        }
        .homePagePanoramicMonitoringPageLayerComponentMessageComponent-detail-tableRow {
            background-color: #E6F7FF;
        }
        :global {
            // 表头
            .ant-table-wrapper .ant-table-thead>tr>th,
            .ant-table-wrapper .ant-table-thead>tr>td {
                padding: 3.5px 7px 3.5px 11px;
                font-size: 14px;
                font-weight: 500;
                color: rgba(0, 0, 0, 0.85);
                background-color: #E6F7FF;
            }

            // 表行
            .ant-table-wrapper .ant-table-tbody>tr>th,
            .ant-table-wrapper .ant-table-tbody>tr>td {
                padding: 5px 7px 5px 11px;
                font-size: 12px;
                font-weight: 400;
                color: rgba(0, 0, 0, 0.65);
                border: none;
            }
       
        }
    }
}